<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>详细页</title>
</head>
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="css/iconfont.css">

<body>


        <div class="web">
            <header>
                <div class="sort_top ">
                    <a href="#"><span>Back</span></a>

                    </a>
                    <span class="assort">分类</span>

                    <img width="35px" src="./img/形状 9.png" alt="">

                </div>
            </header>
            <section class="gundongtiao">
                <div class="detailed_top">
                    <img src="./img/b4.png" alt="">
                </div>
                <div class="detailed_sell">
                    <div class="detailed_money">￥32</div>
                    <a href="#"><span class="detailed_buy">购买</span></a>
                </div>
                <div class="detailed_assess">
                    <div> <img src="./img/形状 12.png" alt="">
                        <span>好评度 <span style="color: orange;">99%</span></span></div>
                    <div class="assess">605个评价 &gt; </div>
                </div>
                <div class="detailed_Merchant">
                    <div>适用商户</div>
                    <div><img src="./img/＞.png" alt=""></div>
                </div>

                <div class="detailed_food clearfix">
                    <div> <img src="./img/b1.png" alt=""></div>
                    <span>万岁寿司(正佳店)</span><br>
                    <span style="color: #b2b2b2;" class="datailed_star"><img src="./img/形状 9.png" alt=""><img
                            src="./img/形状 9.png" alt=""><img src="./img/形状 9.png" alt=""><img src="./img/形状 9.png"
                            alt=""><img src="./img/形状 9.png" alt="">10分</span><br>
                    <span style="font-size: 14px; color:#b2b2b2 ;">离你100m</span><br>
                    <span style="font-size: 14px; color:orange ;">查看详情&gt;&gt;</span>
                    <a href=""><span class="detailed_come">进入</span></a>

                </div>
                <div class="detailed_food clearfix">
                    <div> <img src="./img/b1.png" alt=""></div>
                    <span>万岁寿司(体育西店)</span><br>
                    <span style="color: #b2b2b2;" class="datailed_star"><img src="./img/形状 9.png" alt=""><img
                            src="./img/形状 9.png" alt=""><img src="./img/形状 9.png" alt=""><img src="./img/形状 9.png"
                            alt=""><img src="./img/形状 9.png" alt="">10分</span><br>
                    <span style="font-size: 14px; color:#b2b2b2 ;">离你100m</span><br>
                    <span style="font-size: 14px; color:orange ;">查看详情&gt;&gt;</span>
                    <a href=""><span class="detailed_come">进入</span></a>

                </div>
                <div class="detailed_food clearfix">
                    <div> <img src="./img/b1.png" alt=""></div>
                    <span>万岁寿司(岗顶店)</span><br>
                    <span style="color: #b2b2b2;" class="datailed_star"><img src="./img/形状 9.png" alt=""><img
                            src="./img/形状 9.png" alt=""><img src="./img/形状 9.png" alt=""><img src="./img/形状 9.png"
                            alt=""><img src="./img/形状 9.png" alt="">10分</span><br>
                    <span style="font-size: 14px; color:#b2b2b2 ;">离你100m</span><br>
                    <span style="font-size: 14px; color:orange ;">查看详情&gt;&gt;</span>
                    <a href=""><span class="detailed_come">进入</span></a>

                </div>


            </section>

            <footer>
                <ul class="  clearfix">
                    <li class="fl" style="margin-left: 10px;">
                        <a class="active" href="./detailed.html">
                            <div><img width="25px" src="./img/首页.png" alt=""></div>
                            <p>首页</p>
                        </a>
                    </li>
                    <li class="fl" style="margin-left: 10px;">
                        <a href="./sort.html">
                            <div><img width="25px" src="./img/分类4.png" alt=""></div>
                            <p>分类</p>
                        </a>
                    </li>
                    <li class="fl" style="margin-left: 10px;">
                        <a href="./find.html">
                            <div><img width="25px" src="./img/广场.png" alt=""></div>
                            <p>发现</p>
                        </a>
                    </li>
                    <li class="fl" style="margin-left: 10px;">
                        <a href="./mine.html">
                            <div><img width="25px" src="./img/我的.png" alt=""></div>
                            <p>我的</p>
                        </a>

                </ul>
            </footer>
            <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>